<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>搜索</title>

		<link rel="stylesheet" type="text/css" href="../css/aui.css"/>
        <link rel="stylesheet" type="text/css" href="../css/api.css"/>
		<style>
			#header {
				background-color: #6ac82c;
				height: 45px;
				color: #fff;
                padding: 7px 20px;
                margin: 0;
			}
            #header input{
                display: block;
                padding: 0 15px;
                margin: 0;
				outline: none;
				border: none;
				background: #fff;
				width: 100%;
                height: 30px;
				border-radius: 40px;
				font-size: 16px;
				color: #666;
                line-height: normal;
			}
			.aui-content {
				padding: 25px 15px;
			}
			.aui-content p {
				color: #666;
				font-size: 16px;
			}
			.aui-content .hot-words {
                display: block;
			}
			.aui-content .hot-words a {
				display: inline-block;
				color:#6ac82c;
				background-color:#E1F4D5;
				padding:3px 10px;
				margin-right:10px;
				margin-top:10px;
			}
			.aui-content .hot-words a:active{
				background-color:#C1D8B4;
			}
		</style>
	</head>
	<body>
		<header id="header">
				<input type="text" placeholder="搜索" maxlength="20"/>
		</header>
		<div class="aui-content">
			<p>
				热门搜索
			</p>
			<div class="hot-words">
				<a href="../html/search_result.html">苹果</a>
				<a href="../html/search_result.html">香蕉</a>
				<a href="../html/search_result.html">猕猴桃</a>
				<a href="../html/search_result.html">芒果</a>
				<a href="../html/search_result.html">进口香橙</a>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript">
	</script>
</html>